<template>
  <p>{{ nowTime }}</p>
</template>

<script lang="ts">
  import { defineComponent, onMounted } from 'vue';

  import { nowTime, getNowTime } from '@/hooks/useNowTime';

  export default defineComponent({
    name: 'NowTime',
    setup: () => {
      onMounted(() => {
        getNowTime();
      });
      return {
        nowTime
      };
    }
  });
</script>

<style scoped></style>
